let currentId = 0
const generateId = () => ++currentId
const Categories = {
  All: 'all',
  Form: 'forms',
  Animation: 'animations',
  Transition: 'transitions',
  Button: 'buttons',
  Navigation: 'navigations',
  Layout: 'layouts',
  Card: 'cards',
  Icon: 'icons',
  Loading: 'loadings',
}

window.demos = [
  {
    id: generateId,
    name: '抖音登陆表单',
    category: Categories.Form,
    preview: 'images/previews/001.webp',
    path: './demos/001/index.html',
  },
  {
    id: generateId,
    name: '3D旋转卡片',
    category: Categories.Card,
    preview: 'images/previews/002.webp',
    path: './demos/002/index.html',
  },
  {
    id: generateId,
    name: '伸缩式导航栏',
    category: Categories.Navigation,
    preview: 'images/previews/003.webp',
    path: './demos/003/index.html',
  },
  {
    id: generateId,
    name: '简朴输入框',
    category: Categories.Form,
    preview: 'images/previews/004.webp',
    path: './demos/004/index.html',
  },
  {
    id: generateId,
    name: '玻璃图标',
    category: Categories.Icon,
    preview: 'images/previews/005.webp',
    path: './demos/005/index.html',
  },
  {
    id: generateId,
    name: '弹性导航菜单',
    category: Categories.Navigation,
    preview: 'images/previews/006.webp',
    path: './demos/006/index.html',
  },
  {
    id: generateId,
    name: '旋转菜单',
    category: Categories.Button,
    preview: 'images/previews/007.webp',
    path: './demos/007/index.html',
  },
  {
    id: generateId,
    name: '流光按钮',
    category: Categories.Button,
    preview: 'images/previews/008.webp',
    path: './demos/008/index.html',
  },
  {
    id: generateId,
    name: '全屏导航栏菜单',
    category: Categories.Navigation,
    preview: 'images/previews/009.webp',
    path: './demos/009/index.html',
  },
  {
    id: generateId,
    name: '悬浮按钮',
    category: Categories.Button,
    preview: 'images/previews/010.webp',
    path: './demos/010/index.html',
  },
  {
    id: generateId,
    name: '爱心加载',
    category: Categories.Loading,
    preview: 'images/previews/011.webp',
    path: './demos/011/index.html',
  },
  {
    id: generateId,
    name: '粘性球球',
    category: Categories.Loading,
    preview: 'images/previews/012.webp',
    path: './demos/012/index.html',
  },
  {
    id: generateId,
    name: '发光按钮',
    category: Categories.Button,
    preview: 'images/previews/013.webp',
    path: './demos/013/index.html',
  },
  {
    id: generateId,
    name: '菜单栏悬停',
    category: Categories.Navigation,
    preview: 'images/previews/014.webp',
    path: './demos/014/index.html',
  },
  {
    id: generateId,
    name: '文字聚光灯',
    category: Categories.Animation,
    preview: 'images/previews/015.webp',
    path: './demos/015/index.html',
  },
  {
    id: generateId,
    name: '三环小球',
    category: Categories.Loading,
    preview: 'images/previews/016.webp',
    path: './demos/016/index.html',
  },
  {
    id: generateId,
    name: '菱形加载',
    category: Categories.Loading,
    preview: 'images/previews/017.webp',
    path: './demos/017/index.html',
  },
  {
    id: generateId,
    name: '简约按钮',
    category: Categories.Button,
    preview: 'images/previews/018.webp',
    path: './demos/018/index.html',
  },
  {
    id: generateId,
    name: '沙漏加载',
    category: Categories.Loading,
    preview: 'images/previews/019.webp',
    path: './demos/019/index.html',
  },
  {
    id: generateId,
    name: '文字裂开',
    category: Categories.Animation,
    preview: 'images/previews/020.webp',
    path: './demos/020/index.html',
  },
  {
    id: generateId,
    name: '滑动条加载',
    category: Categories.Loading,
    preview: 'images/previews/021.webp',
    path: './demos/021/index.html',
  },
  {
    id: generateId,
    name: '分享按钮切换',
    category: Categories.Button,
    preview: 'images/previews/022.webp',
    path: './demos/022/index.html',
  },
  {
    id: generateId,
    name: '水球加载',
    category: Categories.Loading,
    preview: 'images/previews/023.webp',
    path: './demos/023/index.html',
  },
  {
    id: generateId,
    name: 'ANIPLEX',
    category: Categories.Animation,
    preview: 'images/previews/024.webp',
    path: './demos/024/index.html',
  },
  {
    id: generateId,
    name: '侧边展开导航栏',
    category: Categories.Layout,
    preview: 'images/previews/025.webp',
    path: './demos/025/index.html',
  },
  {
    id: generateId,
    name: '自定义滤镜实现液体加载',
    category: Categories.Loading,
    preview: 'images/previews/026.webp',
    path: './demos/026/index.html',
  },
  {
    id: generateId,
    name: '3D旋转木马相册',
    category: Categories.Animation,
    preview: 'images/previews/027.webp',
    path: './demos/027/index.html',
  },
  {
    id: generateId,
    name: '云朵特效按钮',
    category: Categories.Button,
    preview: 'images/previews/028.webp',
    path: './demos/028/index.html',
  },
  {
    id: generateId,
    name: '转动变色加载',
    category: Categories.Loading,
    preview: 'images/previews/029.webp',
    path: './demos/029/index.html',
  },
  {
    id: generateId,
    name: '边框滑动按钮',
    category: Categories.Button,
    preview: 'images/previews/030.webp',
    path: './demos/030/index.html',
  },
  {
    id: generateId,
    name: '雷达扫描',
    category: Categories.Animation,
    preview: 'images/previews/031.webp',
    path: './demos/031/index.html',
  },
  {
    id: generateId,
    name: '毛玻璃炫光按钮',
    category: Categories.Button,
    preview: 'images/previews/032.webp',
    path: './demos/032/index.html',
  },
  {
    id: generateId,
    name: '手机充电特效',
    category: Categories.Animation,
    preview: 'images/previews/033.webp',
    path: './demos/033/index.html',
  },
  {
    id: generateId,
    name: '字体发光',
    category: Categories.Animation,
    preview: 'images/previews/034.webp',
    path: './demos/034/index.html',
  },
  {
    id: generateId,
    name: '文字滚动',
    category: Categories.Animation,
    preview: 'images/previews/035.webp',
    path: './demos/035/index.html',
  },
  {
    id: generateId,
    name: '伸缩式动态搜索框',
    category: Categories.Form,
    preview: 'images/previews/036.webp',
    path: './demos/036/index.html',
  },
  {
    id: generateId,
    name: '日月交替',
    category: Categories.Animation,
    preview: 'images/previews/037.webp',
    path: './demos/037/index.html',
  },
  {
    id: generateId,
    name: '3D分层按钮',
    category: Categories.Button,
    preview: 'images/previews/038.webp',
    path: './demos/038/index.html',
  },
  {
    id: generateId,
    name: '水滴充电',
    category: Categories.Animation,
    preview: 'images/previews/039.webp',
    path: './demos/039/index.html',
  },
  {
    id: generateId,
    name: '抽屉式相册',
    category: Categories.Animation,
    preview: 'images/previews/040.webp',
    path: './demos/040/index.html',
  },
  {
    id: generateId,
    name: '发光文字的悬停',
    category: Categories.Animation,
    preview: 'images/previews/041.webp',
    path: './demos/041/index.html',
  },
  {
    id: generateId,
    name: '渐变背景',
    category: Categories.Animation,
    preview: 'images/previews/042.webp',
    path: './demos/042/index.html',
  },
  {
    id: generateId,
    name: '3D轮播卡片',
    category: Categories.Animation,
    preview: 'images/previews/043.webp',
    path: './demos/043/index.html',
  },
  {
    id: generateId,
    name: '炫彩流光圆环',
    category: Categories.Loading,
    preview: 'images/previews/044.webp',
    path: './demos/044/index.html',
  },
  {
    id: generateId,
    name: '响应式卡片',
    category: Categories.Card,
    preview: 'images/previews/045.webp',
    path: './demos/045/index.html',
  },
  {
    id: generateId,
    name: '波浪文字加载',
    category: Categories.Loading,
    preview: 'images/previews/046.webp',
    path: './demos/046/index.html',
  },
  {
    id: generateId,
    name: '隐藏式侧边栏菜单',
    category: Categories.Layout,
    preview: 'images/previews/047.webp',
    path: './demos/047/index.html',
  },
  {
    id: generateId,
    name: '3D立方体旋转相册',
    category: Categories.Animation,
    preview: 'images/previews/048.webp',
    path: './demos/048/index.html',
  },
  {
    id: generateId,
    name: '3D分层图像',
    category: Categories.Animation,
    preview: 'images/previews/049.webp',
    path: './demos/049/index.html',
  },
  {
    id: generateId,
    name: '不偷看密码的猫头鹰',
    category: Categories.Form,
    preview: 'images/previews/050.webp',
    path: './demos/050/index.html',
  },
  {
    id: generateId,
    name: '金属质感闪光文字',
    category: Categories.Animation,
    preview: 'images/previews/051.webp',
    path: './demos/051/index.html',
  },
  {
    id: generateId,
    name: '滚轮视差',
    category: Categories.Layout,
    preview: 'images/previews/052.webp',
    path: './demos/052/index.html',
  },
  {
    id: generateId,
    name: '幽灵文字',
    category: Categories.Animation,
    preview: 'images/previews/053.webp',
    path: './demos/053/index.html',
  },
  {
    id: generateId,
    name: '涟漪特效',
    category: Categories.Button,
    preview: 'images/previews/054.webp',
    path: './demos/054/index.html',
  },
  {
    id: generateId,
    name: '环形加载',
    category: Categories.Loading,
    preview: 'images/previews/055.webp',
    path: './demos/055/index.html',
  },
  {
    id: generateId,
    name: '水波纹按钮',
    category: Categories.Button,
    preview: 'images/previews/056.webp',
    path: './demos/056/index.html',
  },
  {
    id: generateId,
    name: '动态背景登录',
    category: Categories.Form,
    preview: 'images/previews/057.webp',
    path: './demos/057/index.html',
  },
  {
    id: generateId,
    name: '心形加载',
    category: Categories.Loading,
    preview: 'images/previews/058.webp',
    path: './demos/058/index.html',
  },
  {
    id: generateId,
    name: '侧边导航栏',
    category: Categories.Navigation,
    preview: 'images/previews/059.webp',
    path: './demos/059/index.html',
  },
  {
    id: generateId,
    name: '垂直卡片滑动',
    category: Categories.Card,
    preview: 'images/previews/060.webp',
    path: './demos/060/index.html',
  },
  {
    id: generateId,
    name: '纯CSS轮播图',
    category: Categories.Animation,
    preview: 'images/previews/061.webp',
    path: './demos/061/index.html',
  },
  {
    id: generateId,
    name: '流星',
    category: Categories.Animation,
    preview: 'images/previews/062.webp',
    path: './demos/062/index.html',
  },
  {
    id: generateId,
    name: '全屏滚动（竖屏）',
    category: Categories.Layout,
    preview: 'images/previews/063.webp',
    path: './demos/063/index.html',
  },
  {
    id: generateId,
    name: '全屏滚动（横屏）',
    category: Categories.Layout,
    preview: 'images/previews/064.webp',
    path: './demos/064/index.html',
  },
  {
    id: generateId,
    name: '点赞动画',
    category: Categories.Animation,
    preview: 'images/previews/065.webp',
    path: './demos/065/index.html',
  },
  {
    id: generateId,
    name: '缩略焦点图',
    category: Categories.Animation,
    preview: 'images/previews/066.webp',
    path: './demos/066/index.html',
  },
  {
    id: generateId,
    name: '太阳系',
    category: Categories.Animation,
    preview: 'images/previews/067.webp',
    path: './demos/067/index.html',
  },
  {
    id: generateId,
    name: '人物介绍卡片',
    category: Categories.Card,
    preview: 'images/previews/068.webp',
    path: './demos/068/index.html',
  },
  {
    id: generateId,
    name: '动感环形加载',
    category: Categories.Loading,
    preview: 'images/previews/069.webp',
    path: './demos/069/index.html',
  },
  {
    id: generateId,
    name: '人物介绍卡片',
    category: Categories.Card,
    preview: 'images/previews/070.webp',
    path: './demos/070/index.html',
  },
  {
    id: generateId,
    name: '弹性小球加载',
    category: Categories.Loading,
    preview: 'images/previews/071.webp',
    path: './demos/071/index.html',
  },
  {
    id: generateId,
    name: '立体字时钟',
    category: Categories.Animation,
    preview: 'images/previews/072.webp',
    path: './demos/072/index.html',
  },
  {
    id: generateId,
    name: '拟物化滑动开关',
    category: Categories.Button,
    preview: 'images/previews/073.webp',
    path: './demos/073/index.html',
  },
  {
    id: generateId,
    name: '网易云音乐轮播图',
    category: Categories.Animation,
    preview: 'images/previews/074.webp',
    path: './demos/074/index.html',
  },
  {
    id: generateId,
    name: '简约变色加载',
    category: Categories.Loading,
    preview: 'images/previews/075.webp',
    path: './demos/075/index.html',
  },
  {
    id: generateId,
    name: '圣诞树',
    category: Categories.Animation,
    preview: 'images/previews/076.webp',
    path: './demos/076/index.html',
  },
  {
    id: generateId,
    name: '方块加载',
    category: Categories.Loading,
    preview: 'images/previews/077.webp',
    path: './demos/077/index.html',
  },
  {
    id: generateId,
    name: '按钮悬浮',
    category: Categories.Button,
    preview: 'images/previews/078.webp',
    path: './demos/078/index.html',
  },
  {
    id: generateId,
    name: 'DNA双螺旋',
    category: Categories.Animation,
    preview: 'images/previews/079.webp',
    path: './demos/079/index.html',
  },
  {
    id: generateId,
    name: '始终飞向鼠标的纸飞机',
    category: Categories.Animation,
    preview: 'images/previews/080.webp',
    path: './demos/080/index.html',
  },
  {
    id: generateId,
    name: '滑动注册登录界面',
    category: Categories.Form,
    preview: 'images/previews/081.webp',
    path: './demos/081/index.html',
  },
  {
    id: generateId,
    name: '篮球弹跳动画',
    category: Categories.Loading,
    preview: 'images/previews/082.webp',
    path: './demos/082/index.html',
  },
  {
    id: generateId,
    name: '马赛克背景的按钮',
    category: Categories.Button,
    preview: 'images/previews/083.webp',
    path: './demos/083/index.html',
  },
  {
    id: generateId,
    name: '翻书动画',
    category: Categories.Animation,
    preview: 'images/previews/084.webp',
    path: './demos/084/index.html',
  },
  {
    id: generateId,
    name: '莫比乌斯环',
    category: Categories.Loading,
    preview: 'images/previews/085.webp',
    path: './demos/085/index.html',
  },
  {
    id: generateId,
    name: '滚动渐变导航栏',
    category: Categories.Layout,
    preview: 'images/previews/086.webp',
    path: './demos/086/index.html',
  },
  {
    id: generateId,
    name: '玻璃卡片悬停',
    category: Categories.Card,
    preview: 'images/previews/087.webp',
    path: './demos/087/index.html',
  },
  {
    id: generateId,
    name: '广告灯牌效果',
    category: Categories.Loading,
    preview: 'images/previews/088.webp',
    path: './demos/088/index.html',
  },
  {
    id: generateId,
    name: '浮雕按钮',
    category: Categories.Button,
    preview: 'images/previews/089.webp',
    path: './demos/089/index.html',
  },
  {
    id: generateId,
    name: '卡片悬停',
    category: Categories.Card,
    preview: 'images/previews/090.webp',
    path: './demos/090/index.html',
  },
  {
    id: generateId,
    name: '炫光心形',
    category: Categories.Loading,
    preview: 'images/previews/091.webp',
    path: './demos/091/index.html',
  },
  {
    id: generateId,
    name: '全屏搜索栏',
    category: Categories.Form,
    preview: 'images/previews/092.webp',
    path: './demos/092/index.html',
  },
  {
    id: generateId,
    name: '四色小球加载',
    category: Categories.Loading,
    preview: 'images/previews/093.webp',
    path: './demos/093/index.html',
  },
  {
    id: generateId,
    name: '悬停翻转3D卡片',
    category: Categories.Card,
    preview: 'images/previews/094.webp',
    path: './demos/094/index.html',
  },
  {
    id: generateId,
    name: '冒泡加载',
    category: Categories.Loading,
    preview: 'images/previews/095.webp',
    path: './demos/095/index.html',
  },
  {
    id: generateId,
    name: '3D卡片hover翻转',
    category: Categories.Card,
    preview: 'images/previews/096.webp',
    path: './demos/096/index.html',
  },
  {
    id: generateId,
    name: '开箱子动画',
    category: Categories.Animation,
    preview: 'images/previews/097.webp',
    path: './demos/097/index.html',
  },
  {
    id: generateId,
    name: '条纹背景图像悬停',
    category: Categories.Animation,
    preview: 'images/previews/098.webp',
    path: './demos/098/index.html',
  },
  {
    id: generateId,
    name: '发光字特效',
    category: Categories.Animation,
    preview: 'images/previews/099.webp',
    path: './demos/099/index.html',
  },
  {
    id: generateId,
    name: '简约下拉菜单',
    category: Categories.Navigation,
    preview: 'images/previews/100.webp',
    path: './demos/100/index.html',
  },
  {
    id: generateId,
    name: '浮雕效果的彩色',
    category: Categories.Loading,
    preview: 'images/previews/101.webp',
    path: './demos/101/index.html',
  },
  {
    id: generateId,
    name: '切片式轮播图',
    category: Categories.Animation,
    preview: 'images/previews/102.webp',
    path: './demos/102/index.html',
  },
  {
    id: generateId,
    name: '百叶窗图片切换',
    category: Categories.Loading,
    preview: 'images/previews/103.webp',
    path: './demos/103/index.html',
  },
  {
    id: generateId,
    name: '单选按钮的创意动画',
    category: Categories.Button,
    preview: 'images/previews/104.webp',
    path: './demos/104/index.html',
  },
  {
    id: generateId,
    name: '新年烟花',
    category: Categories.Animation,
    preview: 'images/previews/105.webp',
    path: './demos/105/index.html',
  },
  {
    id: generateId,
    name: '2.5D立体文字',
    category: Categories.Animation,
    preview: 'images/previews/106.webp',
    path: './demos/106/index.html',
  },
  {
    id: generateId,
    name: '3D导航栏',
    category: Categories.Navigation,
    preview: 'images/previews/107.webp',
    path: './demos/107/index.html',
  },
  {
    id: generateId,
    name: '导航栏动画',
    category: Categories.Navigation,
    preview: 'images/previews/108.webp',
    path: './demos/108/index.html',
  },
  {
    id: generateId,
    name: '灵动的文字',
    category: Categories.Loading,
    preview: 'images/previews/109.webp',
    path: './demos/109/index.html',
  },
  {
    id: generateId,
    name: '旋转加载',
    category: Categories.Loading,
    preview: 'images/previews/110.webp',
    path: './demos/110/index.html',
  },
  {
    id: generateId,
    name: 'DIY切换衣服图案',
    category: Categories.Animation,
    preview: 'images/previews/111.webp',
    path: './demos/110/index.html',
  },
  {
    id: generateId,
    name: '文本背景扫光',
    category: Categories.Animation,
    preview: 'images/previews/112.webp',
    path: './demos/112/index.html',
  },
  {
    id: generateId,
    name: '圆形剪切图片光标',
    category: Categories.Animation,
    preview: 'images/previews/113.webp',
    path: './demos/113/index.html',
  },
  {
    id: generateId,
    name: '图标栏动画切换',
    category: Categories.Navigation,
    preview: 'images/previews/114.webp',
    path: './demos/114/index.html',
  },
  {
    id: generateId,
    name: '熊猫遮眼登录',
    category: Categories.Form,
    preview: 'images/previews/115.webp',
    path: './demos/115/index.html',
  },
  {
    id: generateId,
    name: '社交卡片',
    category: Categories.Card,
    preview: 'images/previews/116.webp',
    path: './demos/116/index.html',
  },
  {
    id: generateId,
    name: '图像的滑动对比',
    category: Categories.Animation,
    preview: 'images/previews/117.webp',
    path: './demos/117/index.html',
  },
  {
    id: generateId,
    name: '带LOGO的全屏加载',
    category: Categories.Loading,
    preview: 'images/previews/118.webp',
    path: './demos/118/index.html',
  },
  {
    id: generateId,
    name: '双层波浪动画特效',
    category: Categories.Animation,
    preview: 'images/previews/119.webp',
    path: './demos/119/index.html',
  },
  {
    id: generateId,
    name: '阿里云盘的侧边导航栏',
    category: Categories.Layout,
    preview: 'images/previews/120.webp',
    path: './demos/120/index.html',
  },
  {
    id: generateId,
    name: '飞行的钢铁侠',
    category: Categories.Loading,
    preview: 'images/previews/121.webp',
    path: './demos/121/index.html',
  },
  {
    id: generateId,
    name: '高光立体壁画',
    category: Categories.Card,
    preview: 'images/previews/122.webp',
    path: './demos/122/index.html',
  },
  {
    id: generateId,
    name: '3D圆点波浪',
    category: Categories.Animation,
    preview: 'images/previews/123.webp',
    path: './demos/123/index.html',
  },
  {
    id: generateId,
    name: '丝滑切换',
    category: Categories.Loading,
    preview: 'images/previews/124.webp',
    path: './demos/124/index.html',
  },
  {
    id: generateId,
    name: '卡片式注册',
    category: Categories.Form,
    preview: 'images/previews/125.webp',
    path: './demos/125/index.html',
  },
  {
    id: generateId,
    name: '瀑布流布局',
    category: Categories.Layout,
    preview: 'images/previews/126.webp',
    path: './demos/126/index.html',
  },
  {
    id: generateId,
    name: '标题的图像悬停',
    category: Categories.Card,
    preview: 'images/previews/127.webp',
    path: './demos/127/index.html',
  },
  {
    id: generateId,
    name: '天气图标',
    category: Categories.Animation,
    preview: 'images/previews/128.webp',
    path: './demos/128/index.html',
  },
  {
    id: generateId,
    name: '天气图标',
    category: Categories.Animation,
    preview: 'images/previews/129.webp',
    path: './demos/129/index.html',
  },
  {
    id: generateId,
    name: '传送带式',
    category: Categories.Loading,
    preview: 'images/previews/130.webp',
    path: './demos/130/index.html',
  },
  {
    id: generateId,
    name: '打字动画特效',
    category: Categories.Animation,
    preview: 'images/previews/131.webp',
    path: './demos/131/index.html',
  },
  {
    id: generateId,
    name: '上下滚动的数字时钟',
    category: Categories.Animation,
    preview: 'images/previews/132.webp',
    path: './demos/132/index.html',
  },
  {
    id: generateId,
    name: '圆角图片手风琴',
    category: Categories.Navigation,
    preview: 'images/previews/133.webp',
    path: './demos/133/index.html',
  },
  {
    id: generateId,
    name: '环形加载',
    category: Categories.Loading,
    preview: 'images/previews/134.webp',
    path: './demos/134/index.html',
  },
  {
    id: generateId,
    name: '轮播图的组合布局',
    category: Categories.Layout,
    preview: 'images/previews/135.webp',
    path: './demos/135/index.html',
  },
  {
    id: generateId,
    name: '发光果冻泡泡',
    category: Categories.Animation,
    preview: 'images/previews/136.webp',
    path: './demos/136/index.html',
  },
  {
    id: generateId,
    name: '仿制腾讯视频的轮播图',
    category: Categories.Animation,
    preview: 'images/previews/137.webp',
    path: './demos/137/index.html',
  },
  {
    id: generateId,
    name: '月步式加载',
    category: Categories.Loading,
    preview: 'images/previews/138.webp',
    path: './demos/138/index.html',
  },
  {
    id: generateId,
    name: '卡片悬停图文遮罩',
    category: Categories.Card,
    preview: 'images/previews/139.webp',
    path: './demos/139/index.html',
  },
  {
    id: generateId,
    name: '简约酷炫登录界面',
    category: Categories.Form,
    preview: 'images/previews/140.webp',
    path: './demos/140/index.html',
  },
  {
    id: generateId,
    name: '迷你音乐播放器',
    category: Categories.Layout,
    preview: 'images/previews/141.webp',
    path: './demos/141/index.html',
  },
  {
    id: generateId,
    name: '数据碎片故障风科技',
    category: Categories.Animation,
    preview: 'images/previews/142.webp',
    path: './demos/142/index.html',
  },
  {
    id: generateId,
    name: '抖音LOGO故障风',
    category: Categories.Animation,
    preview: 'images/previews/143.webp',
    path: './demos/143/index.html',
  },
  {
    id: generateId,
    name: '图片悬停旋转堆叠特效',
    category: Categories.Animation,
    preview: 'images/previews/144.webp',
    path: './demos/144/index.html',
  },
  {
    id: generateId,
    name: '3D分割图片悬停拼接特效',
    category: Categories.Animation,
    preview: 'images/previews/145.webp',
    path: './demos/145/index.html',
  },
  {
    id: generateId,
    name: '祝福版的3D标签云动画特效',
    category: Categories.Animation,
    preview: 'images/previews/146.webp',
    path: './demos/146/index.html',
  },
  {
    id: generateId,
    name: '关门式的图文组合悬停特效',
    category: Categories.Animation,
    preview: 'images/previews/147.webp',
    path: './demos/147/index.html',
  },
  {
    id: generateId,
    name: '简约的垂直选项卡',
    category: Categories.Card,
    preview: 'images/previews/148.webp',
    path: './demos/148/148.html',
  },
  {
    id: generateId,
    name: '无缝衔接图片滚动效果',
    category: Categories.Animation,
    preview: 'images/previews/149.webp',
    path: './demos/149/index.html',
  },
  {
    id: generateId,
    name: '吃豆人轮播图',
    category: Categories.Animation,
    preview: 'images/previews/150.webp',
    path: './demos/150/index.html',
  },
  {
    id: generateId,
    name: '倒计时动画',
    category: Categories.Animation,
    preview: 'images/previews/151.webp',
    path: './demos/151/index.html',
  },
  {
    id: generateId,
    name: '选项卡切换动画',
    category: Categories.Animation,
    preview: 'images/previews/152.webp',
    path: './demos/152/index.html',
  },
  {
    id: generateId,
    name: '悬停滚动文字的导航栏',
    category: Categories.Navigation,
    preview: 'images/previews/153.webp',
    path: './demos/153/index.html',
  },
  {
    id: generateId,
    name: '可自由拖拽排序的表格',
    category: Categories.Layout,
    preview: 'images/previews/154.webp',
    path: './demos/154/index.html',
  },
  {
    id: generateId,
    name: '沙子下落',
    category: Categories.Animation,
    preview: 'images/previews/sand.webp',
    path: './demos/sand/index.html',
  },
  {
    id: generateId,
    name: '时钟',
    category: Categories.Animation,
    preview: 'images/previews/clock.webp',
    path: './demos/clock/index.html',
  },
  {
    id: generateId,
    name: '鼠标',
    category: Categories.Animation,
    preview: 'images/previews/cursor.webp',
    path: './demos/point/index.html',
  },
  {
    id: generateId,
    name: '八角形旋转菜单',
    category: Categories.Navigation,
    preview: 'images/previews/menu.webp',
    path: './demos/menu/index.html',
  },
  {
    id: generateId,
    name: '星形鼠标特效',
    category: Categories.Animation,
    preview: 'images/previews/starcursor.webp',
    path: './demos/starpoint/index.html',
  },
  {
    id: generateId,
    name: '背景动态变化的登录界面2.0',
    category: Categories.Layout,
    preview: 'images/previews/155.webp',
    path: './demos/155/index.html',
  },
  {
    id: generateId,
    name: '带进度条的人物卡片',
    category: Categories.Card,
    preview: 'images/previews/156.webp',
    path: './demos/156/index.html',
  },
  {
    id: generateId,
    name: '小球爬楼梯',
    category: Categories.Loading,
    preview: 'images/previews/157.webp',
    path: './demos/157/index.html',
  },
  {
    id: generateId,
    name: '快捷菜单图标按钮',
    category: Categories.Button,
    preview: 'images/previews/158.webp',
    path: './demos/158/index.html',
  },
  {
    id: generateId,
    name: '自定义滑块控件',
    category: Categories.Form,
    preview: 'images/previews/159.webp',
    path: './demos/159/index.html',
  },
  {
    id: generateId,
    name: '3D多米诺人物卡片',
    category: Categories.Card,
    preview: 'images/previews/160.webp',
    path: './demos/160/index.html',
  },
  {
    id: generateId,
    name: '文字故障',
    category: Categories.Animation,
    preview: 'images/previews/error.webp',
    path: './demos/error/index.html',
  },
  {
    id: generateId,
    name: "pokers",
    category: Categories.Animation,
    preview: "images/previews/pokers.webp",
    path: "./demos/pokers/index.html",
  },
]

window.generateDemoId = generateId
